<!doctype html>
<html lang="en">
    <head>

        <!-- meta data & title -->
        <meta charset="utf-8">
        <title>芯炬科技</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Favicon and touch icons -->
        <link rel="shortcut icon" href="assets/ico/logo.png">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">

        <!-- CSS -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300">
        <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
        <link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <style>
            .message_block{

                width: 33%;
                height:80px;
                text-align: center;
                line-height: 80px;
                float: left;
            }
            .message_block a{
                font-size: 24px;
                color: white;
            }
            #message_header{
                color:white;
                font-size: 30px;
                text-align: center;
                line-height: 40px;
                width: 100%;
                height: 40px;
            }
        </style>
    </head>
  <body>

    <!-- Header -->
        
    <nav id="navbar-section" class="navbar navbar-default navbar-static-top navbar-sticky" role="navigation">
        <div class="container">
        
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand wow fadeInDownBig" href="index.html"><img class="office-logo" src="assets/img/slider/Office.png" alt="Office"></a>      
            </div>
        
            <div id="navbar-spy" class="collapse navbar-collapse navbar-responsive-collapse">
                <ul class="nav navbar-nav pull-right">
                    <li class="active">
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="about.html">简介</a>
                    </li>
                    <li>
                        <a href="about.html">课程介绍</a>
                    </li>
                    <li>
                        <a href="blog.html">北京队</a>
                    </li>
                    <li>
                        <a href="blog2.html">河南队1</a>
                    </li>
                    <li>
                        <a href="blog3.html"><span>河南队2</span></a>
                    </li>
                </ul>         
            </div>
        </div>
    </nav>

    <!-- End Header -->


    <!-- Begin #carousel-section -->
    <section id="carousel-section" class="section-global-wrapper"> 
        <div class="container-fluid-kamn">
            <div class="row">
                <div id="carousel-1" class="carousel slide" data-ride="carousel">

                    <!-- Indicators -->
                    <ol class="carousel-indicators visible-lg">
                        <li data-target="#carousel-1" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-1" data-slide-to="1"></li>
                        <li data-target="#carousel-1" data-slide-to="2"></li>
                    </ol>
        
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <!-- Begin Slide 1 -->
                        <div class="item active">
                            <img src="assets/img/slider/slide2.jpg" height="400" alt="Image of first carousel">
                            <div class="carousel-caption" style="background-color: rgba(00,00,00,.3);">
                                <h3 class="carousel-title hidden-xs" >“芯炬”科技实践团</h3>
                                <p class="carousel-body" >芯科技之火 \ 炬公益之力</p>
                            </div>
                        </div>
                        <!-- End Slide 1 -->

                        <!-- Begin Slide 2 -->
                        <div class="item">
                            <img src="assets/img/slider/slide10.jpg" height="400" alt="Image of second carousel">
                            <div class="carousel-caption" style="background-color: rgba(00,00,00,.3);">
                                <h3 class="carousel-title hidden-xs" >“芯炬”课程</h3>
                                <p class="carousel-body" >平面 \ 视频 \ 编程 \ 硬件</p>
                            </div>
                        </div>
                        <!-- End Slide 2 -->

                        <!-- Begin Slide 3 -->
                        <div class="item">
                            <img src="assets/img/slider/slide4.jpg" height="400" alt="Image of third carousel">
                            <div class="carousel-caption" style="background-color: rgba(00,00,00,.3);">
                                <h3 class="carousel-title hidden-xs" >“芯炬”团队</h3>
                                <p class="carousel-body" > 北京队 \ 河南队1 \ 河南队2</p>
                            </div>
                        </div>
                        <!-- End Slide 3 -->
                    </div>
        
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-1" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a class="right carousel-control" href="#carousel-1" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- End #carousel-section -->

    <!-- Begun Messgae-->
    <div id="message" style="width: 88%;height: 200px;background-color:#061F20;margin: auto;margin-top: 60px;margin-bottom: 30px">
        <h1 id="message_header">————最新消息————</h1>
        <div class="message_block"><a href="#">夏令营回顾——北京队</a></div>
        <div class="message_block"><a href="#">学生采访篇——河南队</a></div>
        <div class="message_block"><a href="#">家长采访篇——河南队</a></div>
        <div class="message_block"><a href="#">不说再见——河南队</a></div>
        <div class="message_block"><a href="#">教学纪实——北京队</a></div>
        <div class="message_block"><a href="#">“芯”火蔓延——河南队</a></div>
    </div>
    <!--End Message-->

    <!-- Begin #services-section -->
    <section id="services" class="services-section section-global-wrapper">
        <div class="container">
            <div class="row">
                <div class="services-header">
                    <h3 class="services-header-title">芯炬科技品牌</h3>
                    <p class="services-header-body"><em> —— 课程大纲 —— </em>  </p><hr>
                </div>
            </div>
      
            <!-- Begin Services Row 1 -->
            <div class="row services-row services-row-head services-row-1">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="services-group wow animated fadeInLeft" data-wow-offset="40">
                        <p class="services-icon"><img class="fa fa-android fa-5x" src="assets/img/slider/i1.png" alt=""></p>
                        <h4 class="services-title">平面</h4>
                        <p class="services-body">利用PS进行图片处理设计以及海报的精美制作！</p>
                        <p class="services-more"><a href="#">了解更多</a></p>
                    </div>
                </div>
        
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="services-group wow animated zoomIn" data-wow-offset="40">
                        <p class="services-icon"><img class="fa fa-android fa-5x" src="assets/img/slider/i6.png" alt=""></p>
                        <h4 class="services-title">视频</h4>
                        <p class="services-body">借助Premiere和After Effect进行小视频的制作！</p>
                        <p class="services-more"><a href="#">了解更多</a></p>
                    </div>
                </div>
        
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="services-group wow animated fadeInRight" data-wow-offset="40">
                        <p class="services-icon"><img class="fa fa-android fa-5x" src="assets/img/slider/i3.png" alt=""></p>
                        <h4 class="services-title">关于我们</h4>
                        <p class="services-body">北京科技大学“芯炬”科技支教实践团简介</p>
                        <p class="services-more"><a href="#">了解更多</a></p>
                    </div>        
                </div>
            </div>
            <!-- End Serivces Row 1 -->
      
            <!-- Begin Services Row 2 -->
            <div class="row services-row services-row-tail services-row-2">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="services-group wow animated fadeInLeft" data-wow-offset="40">
                        <p class="services-icon"><img class="fa fa-android fa-5x" src="assets/img/slider/i2.png" alt=""></p>
                        <h4 class="services-title">编程</h4>
                        <p class="services-body">这里选用Scratch编程，积木化编程，容易上手，易于理解！</p>
                        <p class="services-more"><a href="#">了解更多</a></p>
                    </div>
                </div>
        
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="services-group wow animated zoomIn" data-wow-offset="40">
                        <p class="services-icon"><img class="fa fa-android fa-5x" src="assets/img/slider/i5.png" alt=""></p>
                        <h4 class="services-title">硬件</h4>
                        <p class="services-body">进行锡焊动手操作和单片机的应用，增强学生的动手实践能力！</p>
                        <p class="services-more"><a href="#">了解更多</a></p>
                    </div>
                </div>
        
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="services-group wow animated fadeInRight" data-wow-offset="40">
                        <p class="services-icon"><img class="fa fa-android fa-5x" src="assets/img/slider/i4.png" alt=""></p>
                        <h4 class="services-title">团队</h4>
                        <p class="services-body">这里是我们团队的成员介绍，还有可爱的讲师们哦！</p>
                        <p class="services-more"><a href="#">了解更多</a></p>
                    </div>
                </div>
            </div>
            <!-- End Serivces Row 2 -->
    
        </div>      
    </section>
    <!-- End #services-section -->


    <!-- Footer -->
    <footer> 
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h3><i class="fa fa-map-marker"></i> 联系我们</h3>
                    <p class="footer-contact">
                        地址：北京科技大学<br>
                        微信公众号: 索思科技协会 <br>
                        投稿邮箱: suosikeji@126.com <br>
                    </p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-external-link"></i> 友情链接</h3>
                    <p> <a href="http://www.ustb.edu.cn">北京科技大学官网</a></p>
                    <p> <a href="http://suosikeji.org">索思科技协会官网</a></p>
                    <p> <a href="http://weibo.com/suosikeji">索思科技协会微博</a></p>
                    <p> <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUyMjg2Njc2MA==&scene=124#wechat_redirect">芯炬科技支教实践团</a></p>

                </div>
              <div class="col-md-4">
                <h3><i class="fa fa-heart"></i> 社交</h3>
                <div id="social-icons">
                    <a href="#" class="btn-group google-plus">
                        <img class="fa fa-android fa-5x" src="assets/img/slider/i7.png" alt="">
                    </a>
                      <a href="#" class="btn-group linkedin">
                          <img class="fa fa-android fa-5x" src="assets/img/slider/i8.png" alt="">
                    </a>
                      <a href="http://weibo.com/suosikeji" class="btn-group twitter">
                          <img class="fa fa-android fa-5x" src="assets/img/slider/i10.png" alt="">
                    </a>
                      <a href="#" class="btn-group facebook">
                          <img class="fa fa-android fa-5x" src="assets/img/slider/i9.png" alt="">
                    </a>
                </div>
              </div>    
        </div>
      </div>
    </footer>

    
    <div class="copyright text center">
        <p>&copy; Copyright 2018, <a href="#">芯炬科技支教实践团</a>. 技术支持 <a href="#" target="_blank">索思科技协会</a></p>
    </div>

    
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
      new WOW().init();
    </script>
  </body>
</html>
